<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>申し込み内容の確認</title>
    <link rel="stylesheet" href="/css/all.css">

</head>
<body>
<div class="header">
    <div>
        <a href="#">カードサイト</a>
        <a href="#">お手続き</a>
        <a href="#">お問い合わせ</a>
        <a href="#">会員ログイン</a>
    </div>
</div>
<hr>
<div class="title-bar container0">申し込み内容のご入力</div>
<div class="container">
    <hr>
    <table>
        <!-- 上半部分 -->
        <tr>
            <th
                    style="border: 1px solid; border-top-color: rgb(166, 166, 166); border-right-color: rgb(166, 166, 166); border-bottom-color:#f5f5f5; border-left-color: rgb(166, 166, 166);">
                <p class="se" style="margin-top: 0; margin-bottom: 10px;">ご希望のカード</p>
            </th>

            <th
                    style="border: 1px solid; border-top-color:rgb(166, 166, 166); border-right-color: #f5f5f5; border-bottom-color:#f5f5f5; border-left-color: #f5f5f5;">

            </th>
            <th
                    style="border: 1px solid; border-top-color:rgb(166, 166, 166); border-right-color: rgb(166, 166, 166); border-bottom-color:#f5f5f5; border-left-color: #f5f5f5;">

            </th>
        </tr>
        <!-- 下半部分 -->
        <tr>
            <td
                    style="border: 1px solid; border-top-color:#f5f5f5; border-right-color: rgb(166, 166, 166); border-bottom-color:rgb(166, 166, 166); border-left-color: rgb(166, 166, 166);">
                <p><img src="/images/visa_1.jpg" alt="カード画像" style="width: 350px; "></p>
            </td>

            <td
                    style="border: 1px solid; border-top-color: #f5f5f5; border-right-color: #f5f5f5; border-bottom-color:rgb(166, 166, 166); border-left-color: #f5f5f5;">

            </td>
            <td
                    style="border: 1px solid; border-top-color: #f5f5f5; border-right-color: rgb(166, 166, 166); border-bottom-color: rgb(166, 166, 166); border-left-color: #f5f5f5;">

        </tr>
    </table>
    <hr>
    <form action="/apply/biangeng" method="post">
        <div class="section">
            <div class="section-title"><strong>受付情報登録</strong></div>
            <div class="form-container">
                <div class="form-group">
                    <div class="label">Ｅメールアドレス<span><img src="/images/icon_required.png" alt=""></span></div>
                    <div class="input-group">
                        <span th:text="${app.mail}"></span>

                    </div>
                </div>

                <div class="form-group">
                    <div class="label">生年月日<span><img src="/images/icon_required.png" alt=""></span></div>
                    <div class="input-group">
                        <span th:text="${app.ber}"></span>
                    </div>
                </div>

                <div class="form-group">
                    <div class="label">携帯電話<span><img src="/images/icon_required.png" alt=""></span></div>
                    <div class="input-group">
                        <span th:text="${app.pho}"></span>
                    </div>
                </div>
            </div>
            <hr>

            <div class="section-title"><strong>ご本人について</strong></div>
            <div class="form-container">
                <div class="form-group">
                    <div class="label">個人・法人<span><img src="/images/icon_required.png" alt=""></span></div>
                    <div class="input-group">
                        <div class="radio-group">
                            <div class="radio-option">


                                <span th:if="${app.kjnhjn == '1'}">個人</span>
                                <span th:if="${app.kjnhjn == '0'}">法人</span>

                            </div>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="label">お名前<span><img src="/images/icon_required.png" alt=""></span></div>
                    <div class="input-group">
                        <div class="name-fields">
                            <div class="field-row">
                                <label class="field-label">姓</label>

                                <span th:text="${app.seikj}"></span>
                            </div>
                            <div class="field-row">
                                <label class="field-label">名</label>

                                <span th:text="${app.meikj}"></span>


                            </div>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="label">お名前<br>フリガナ<span><img src="/images/icon_required.png" alt=""></span></div>
                    <div class="input-group">
                        <div class="name-fields">
                            <div class="field-row">
                                <label class="field-label">姓</label>

                                <span th:text="${app.seikn}"></span>
                            </div>
                            <div class="field-row">
                                <label class="field-label">名</label>

                                <span th:text="${app.meikn}"></span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="label">ローマ字名</div>
                    <div class="input-group">
                        <div class="name-fields">
                            <div class="field-row">
                                <label class="field-label">姓</label>

                                <span th:text="${app.seien}"></span>
                            </div>
                            <div class="field-row">
                                <label class="field-label">名</label>

                                <span th:text="${app.meien}"></span>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="form-group">
                    <div class="label">性别<span><img src="/images/icon_required.png" alt=""></span></div>
                    <div class="input-group">
                        <div class="radio-group">
                            <div class="radio-option">

                                <span th:if="${app.sex == '1'}">男</span>
                                <span th:if="${app.sex == '0'}">女</span>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <hr>
            <div style="text-align: center; margin-top: 20px;">
                <input type="button" onclick="editSection('querena')" class="button-next" value="編集">
            </div>
            <hr>
        </div>

        <div class="section">


            <!-- 填写信息 -->

            <!-- 住所情報登録 -->
            <div class="section-title"><strong>住所情報登録</strong></div>

            <div class="form-container">
                <div class="form-group">
                    <div class="label">住所種別 <span><img src="/images/icon_required.png" alt=""></span></div>
                    <div class="input-group">

                        <span th:if="${app.jkysbt == '1'}">本人持家</span>
                        <span th:if="${app.jkysbt == '0'}">賃貸</span>


                    </div>
                </div>


                <div class="form-group">
                    <div class="label">電話番号</div>
                    <div class="input-group">


                        <span th:text="${app.tel}"></span></span>


                    </div>
                </div>

                <div class="form-group">
                    <div class="label">郵便番号<span><img src="/images/icon_required.png" alt=""></span></div>
                    <div class="input-group">

                        <span th:text="${app.post}"></span>

                    </div>
                </div>

                <div class="form-group">
                    <div class="label">都・道・府・県<span><img src="/images/icon_required.png" alt=""></span></div>
                    <div class="input-group">

                        <span th:if="${app.knc == '1'}">北海道</span>
                        <span th:if="${app.knc == '0'}">青森県</span>


                    </div>
                </div>

                <!-- 住所 -->
                <div class="form-group">
                    <div class="label">住所 <span><img src="/images/icon_required.png" alt=""></span></div>
                    <div class="input-group">
                        <div style="width: 100%; display: flex; flex-direction: column;">
                            <div class="field-row">
                                <label>市・区・町・村</label>

                                <span th:text="${app.jskj1}"></span>

                            </div>
                            <div class="field-row">
                                <label>建物・部屋番号</label>

                                <span th:text="${app.jskj2}"></span>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 住所フリガナ -->
                <div class="form-group">
                    <div class="label">住所フリガナ <span><img src="/images/icon_required.png" alt=""></span></div>
                    <div class="input-group">
                        <div style="width: 100%; display: flex; flex-direction: column;">
                            <div>
                                <span>市・区・町・村</span>
                                <span th:text="${app.jskn1}"></span>
                            </div>
                            <div>
                                <span>建物・部屋番号</span>
                                <span th:text="${app.jskn2}"></span>
                            </div>
                        </div>
                    </div>
                </div>

                <hr>

                <!-- 申請情報登録 -->
                <div class="section-title"><strong>申請情報登録</strong></div>
                <div class="form-container">
                    <div class="form-group">
                        <div class="label">ショッピング枠区分<span><img src="/images/icon_required.png" alt=""></span>
                        </div>
                        <div class="input-group">

                            <span th:if="${app.spgtorkbn == '1'}">10万</span>
                            <span th:if="${app.spgtorkbn == '2'}">20万</span>
                            <span th:if="${app.spgtorkbn == '3'}">30万</span>
                            <span th:if="${app.spgtorkbn == '4'}">40万</span>
                            <span th:if="${app.spgtorkbn == '5'}">50万</span>
                            <span th:if="${app.spgtorkbn == '6'}">60万</span>
                            <span th:if="${app.spgtorkbn == '7'}">70万</span>
                            <span th:if="${app.spgtorkbn == '8'}">80万</span>


                        </div>
                    </div>

                    <div class="form-group">
                        <div class="label">ショッピング取引目的区分</div>
                        <div class="input-group">

                            <span th:if="${app.spgkbn == '1'}">生计费</span>
                            <span th:if="${app.spgkbn == '2'}">事簕费</span>
                            <span th:if="${app.spgkbn == '3'}">生计费その</span>
                            <span th:if="${app.spgkbn == '4'}">その</span>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="label">キャッシング枠区分<span><img src="/images/icon_required.png" alt=""></span>
                        </div>
                        <div class="input-group">

                            <span th:if="${app.csgkbn == '1'}">不要</span>
                            <span th:if="${app.csgkbn == '2'}">1万</span>
                            <span th:if="${app.csgkbn == '3'}">2万</span>
                            <span th:if="${app.csgkbn == '4'}">3万</span>
                            <span th:if="${app.csgkbn == '5'}">5万</span>
                            <span th:if="${app.csgkbn == '6'}">7万</span>
                            <span th:if="${app.csgkbn == '7'}">10万</span>
                            <span th:if="${app.csgkbn == '8'}">20万</span>
                            <span th:if="${app.csgkbn == '9'}">50万</span>


                        </div>
                    </div>

                    <div class="form-group">
                        <div class="label">キャッシング取引目的区分</div>
                        <div class="input-group">

                            <span th:if="${app.torkbn == '1'}">主計画融資</span>
                            <span th:if="${app.torkbn == '2'}">備用</span>
                            <span th:if="${app.torkbn == '3'}">その</span>

                        </div>
                    </div>
                </div>

                <hr>

                <!-- 個人情報登録 -->
                <div class="section-title"><strong>個人情報登録</strong></div>

                <div class="form-container">
                    <div class="form-group">
                        <div class="label">運転免許証</div>

                        <div class="input-group">
                            <span th:text="${app.driverid}"></span>
                        </div>


                    </div>

                    <div class="form-group">
                        <div class="label">健康保険証番号</div>
                        <div class="input-group">

                            <span th:text="${app.kkhcd}"></span>

                        </div>
                    </div>

                    <div class="form-group">
                        <div class="label">本人確認書類確認方法</div>
                        <div class="input-group">
                            <div class="radio-group">

                                <div class="radio-option">

                                    <span th:if="${app.hnnhhucd == '1'}">申込後</span>

                                    <label class="radio-label"></label>
                                </div>
                                <div class="radio-option">

                                    <span th:if="${app.hnnhhucd == '2'}">メールで登録</span>

                                    <label class="radio-label"></label>
                                </div>
                                <div class="radio-option">

                                    <span th:if="${app.hnnhhucd == '3'}">郵送で登録</span>
                                    <label class="radio-label"></label>
                                </div>
                                <div class="radio-option">

                                    <span th:if="${app.hnnhhucd == '4'}">カードのお届けで</span>
                                    <label class="radio-label"></label>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="label">配偶者有無</div>
                        <div class="input-group">
                            <div class="radio-group">
                                <div class="radio-option">

                                    <span th:if="${app.hgsumk == '0'}">有</span>


                                    <label class="radio-label"></label>
                                </div>
                                <div class="radio-option">

                                    <span th:if="${app.hgsumk == '1'}">無</span>

                                    <label class="radio-label"></label>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 配偶者信息（初始隐藏） -->

                    <!-- 家族相关选项（初始隐藏） -->
                    <!-- 修改 #familyOptions 的样式 -->

                    <div class="form-group">
                        <div class="label">家族カード付け希望</div>
                        <div class="input-group">
                            <div class="name-fields" style="display: flex; gap: 20px;">
                                <div class="radio-option">

                                    <span th:if="${app.kzkkbn == '0'}">有</span>

                                    <label class="radio-label"></label>
                                </div>
                                <div class="radio-option">

                                    <span th:if="${app.kzkkbn == '1'}">無</span>

                                    <label class="radio-label"></label>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="label">家族カード案内メール希望</div>
                        <div class="input-group">
                            <div class="name-fields" style="display: flex; gap: 20px;">
                                <div class="radio-option">

                                    <span th:if="${app.kzkmlflg == '0'}">有</span>

                                    <label class="radio-label"></label>
                                </div>
                                <div class="radio-option">

                                    <span th:if="${app.kzkmlflg == '1'}">無</span>

                                    <label class="radio-label"></label>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="label">キャンペーンメール希望</div>
                        <div class="input-group">
                            <div class="name-fields" style="display: flex; gap: 20px;">
                                <div class="radio-option">

                                    <span th:if="${app.cammlflg == '0'}">有</span>

                                    <label class="radio-label"></label>
                                </div>
                                <div class="radio-option">

                                    <span th:if="${app.cammlflg == '1'}">無</span>

                                    <label class="radio-label"></label>
                                </div>
                            </div>
                        </div>
                    </div>


                    <!-- 原来的按钮被替换为两个按钮 -->
                    <div style="text-align: center; margin-top: 20px;">
                        <!--                    <button type="button" class="button-back" onclick="window.history.back()">戻る</button>-->
                        <!--                    <button type="submit" class="button-next">次へ進む</button>-->
                    </div>
                </div>
            </div>
            <hr>
            <div style="text-align: center; margin-top: 20px;">
                <input type="button" onclick="editSection('xinxi1b')" class="button-next" value="編集">
            </div>
            <hr>
        </div>
        <div class="section">


            <!-- 表单开始：提交到 /apply/step2 的 POST 请求 -->


            <!-- 勤务信息填写部分 -->
            <div class="section-title"><strong>勤務先について</strong></div>
            <div class="form-container">

                <!-- 选择行业类型 -->
                <div class="form-group">
                    <div class="label">業種 <span><img src="/images/icon_required.png" alt=""></span></div>
                    <div class="input-group">


                        <span th:if="${app.gyocd == '101'}">選択してください</span>
                        <span th:if="${app.gyocd == '201'}">農林水産</span>
                        <span th:if="${app.gyocd == '301'}">製造業</span>
                        <span th:if="${app.gyocd == '401'}">サービス業</span>
                        <span th:if="${app.gyocd == '501'}">金融業</span>
                        <span th:if="${app.gyocd == '601'}">建設業</span>
                        <span th:if="${app.gyocd == '901'}">教育業</span>

                    </div>
                </div>

                <!-- 公司名称输入 -->
                <div class="form-group">
                    <div class="label">勤務先名</div>
                    <div class="input-group">

                        <span th:text="${app.kms}"></span>
                    </div>
                </div>

                <!-- 所属部门输入 -->
                <div class="form-group">
                    <div class="label">勤務先部署名</div>
                    <div class="input-group">
                        <span th:text="${app.kmsdep}"></span>
                    </div>
                </div>

                <!-- 公司电话号码输入 -->
                <div class="form-group">
                    <div class="label">勤務先電話</div>
                    <div class="input-group">

                        <span th:text="${app.kmstel}"></span>
                    </div>
                </div>

                <!-- 公司地址分两行输入 -->
                <div class="form-group">
                    <div class="label">勤務先住所</div>
                    <div class="input-group">
                        <span th:text="${app.kmsjs1}"></span>
                    </div>
                    <div class="input-group">
                        <span th:text="${app.kmsjs2}"></span>
                    </div>
                </div>

                <!-- 入职年月输入 -->
                <div class="form-group">
                    <div class="label">入社年月</div>
                    <div class="input-group">

                        <span th:text="${app.nshym}"></span>
                    </div>
                </div>

                <!-- 年收入输入 -->
                <div class="form-group">
                    <div class="label">年収額</div>
                    <div class="input-group">

                        <span th:text="${app.nsg}"></span>
                        <span style="margin-left: 5px;">万円</span>
                    </div>
                </div>
            </div>
            <hr>
            <div style="text-align: center; margin-top: 20px;">
                <input type="button" onclick="editSection('xinxi2c')" class="button-next" value="編集"></input>
            </div>


        </div>
        <div style="text-align: center; margin-top: 20px;">
            <button type="submit" class="button-next">確定</button>
        </div>

    </form>
</div>
<script>        function editSection(pageId) {
    window.location.href = '/apply/' + pageId;
}
</script>
</body>
</html>
